<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
	</head>
	<body>
		<nav class="mui-bar mui-bar-tab">
			<a href="home/home.html" class="mui-tab-item">
		        <span class="mui-icon mui-icon-phone"></span>
		        <span class="mui-tab-label">首页</span>
		    </a>
		    <a href=" write_together/books_list.html" class="mui-tab-item">
		        <span class="mui-icon mui-icon-phone"></span>
		        <span class="mui-tab-label">一起写</span>
		    </a>
		    <a href="make/make.html" class="mui-tab-item">
		        <span class="mui-icon mui-icon-email"></span>
		        <span class="mui-tab-label">制作</span>
		    </a>
		    <a href="personal/personal.html" class="mui-tab-item">
		        <span class="mui-icon mui-icon-gear"></span>
		        <span class="mui-tab-label">我的</span>
		    </a>
		</nav>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/req.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/muishow.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
        
        mui.init({
            gestureConfig:{
                doubletap:true
            },
            subpages:[{
                url:'home/home.html',
                id:'MainViwe',
                styles:{
                    top: '0',
                    bottom: '44px'
                }
            }]
        });
        //var value = localStorage.getItem('accesstoken')||"66a7a209b6172813728ffd8bd3a4a0f1";
        //let value = acctoken();
        //console.log(value);
    mui('.mui-scroll-wrapper').scroll({
        deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    });

//底部选项卡切换跳转
	
        //跳转页面
        var subpages = ['home/home.html','write_together/books_list.html','make/make.html','personal/personal.html'];
        var subpage_style = {
            top: '0px',
            bottom: '51px'
        };
        var aniShow = {};//动画显示
        //首次启动切滑效果
             //当前激活选项
            var activeTab = subpages[0];         
             //选项卡点击事件
            $('.mui-bar-tab>a:first-child').addClass('mui-active');
            mui('.mui-bar-tab').on('tap', 'a', function(e) {
                var targetTab = this.getAttribute('href');
                 console.log("targetTab",targetTab);
                 console.log("e",e);
                $('#MainViwe').attr('src',targetTab);
            });
             //自定义事件，模拟点击“首页选项卡”
            document.addEventListener('gohome', function() {
                var defaultTab = document.getElementById("defaultTab");
                
               
                //模拟首页点击
                mui.trigger(defaultTab, 'tap');
                //切换选项卡高亮
                var current = document.querySelector(".mui-bar-tab>.mui-tab-item.mui-active");
                console.log("current",current);
                if (defaultTab !== current) {
                    current.classList.remove('mui-active');
                    defaultTab.classList.add('mui-active');
                }

    		});

		</script>
	</body>

</html>